import { Meta } from '@storybook/blocks';

import * as BannerStories from '../stories/Banner.stories';

<Meta of={BannerStories} />

# Banner

Displays a diagonal message above the corner of another widget.

## Example

```dart liveslice=Banner
Center(
  child: Container(
    margin: const EdgeInsets.all(10.0),
    color: Colors.yellow,
    height: 100,
    child: ClipRect(
      child: Banner(
        message: "hello",
        location: BannerLocation.topEnd,
        color: Colors.red,
        child: Container(
          color: Colors.yellow,
          height: 100,
          child: Center(
            child: Text("Hello, banner!"),
          ),
        ),
      ),
    ),
  ),
)
```

## Related Links

- https://api.flutter.dev/flutter/widgets/Banner-class.html

